import Vue from 'vue'
import App from './App.vue'
import Vuex from 'vuex'
Vue.config.productionTip = false

Vue.use(Vuex)
const store = new Vuex.Store({
  state: {
    goodList: [
      {
        name: "诸葛亮",
        price: 1000,
        num: 1,
        checked: false,
      },
      {
        name: "蔡文姬",
        price: 1500,
        num: 1,
        checked: false,
      },
      {
        name: "妲己",
        price: 2000,
        num: 1,
        checked: false,
      },
      {
        name: "鲁班",
        price: 2200,
        num: 1,
        checked: false,
      },
    ],
  },
  mutations: {
    ADD(state, payload) {
      state.goodList[payload].num++
    },
    JIAN(state, payload) {
      state.goodList[payload].num > 0 ? state.goodList[payload].num-- : 0
    },
    DEL(state, payload) {
      state.goodList.splice(payload, 1)
    },

  }
})


new Vue({
  store,
  render: h => h(App),
}).$mount('#app')
